﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gift To You</title>
    <link rel="stylesheet" href="css/css.css" type="text/css" />
	<link rel="shortcut icon" type="image/ico" href="images/vineta-globo.png" />

	<!-- Google Analytics-->
	<script type="text/javascript">

	    var _gaq = _gaq || [];
	    _gaq.push(['_setAccount', 'UA-34095073-1']);
	    _gaq.push(['_trackPageview']);

	    (function () {
	        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	    })();

	</script>


    

	<!-- jQuery (required) -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<!--<script type="text/javascript" >window.jQuery || document.write(<script src="js/jquery.min.js"><\/script>)</script>-->

	<!-- Syntax highlighting -->
	<script type="text/javascript" src="js/jquery.chili-2.2.js"></script>
	<script type="text/javascript" src="js/recipes.js"></script>

	<!-- Anything Slider optional plugins -->
	<script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
	<!-- ttp://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js -->
	<script type="text/javascript" src="js/swfobject.js"></script>

	<!-- Demo stuff -->
	<link rel="stylesheet" href="css/page.css" media="screen" />
	<script type="text/javascript" src="js/jquery.jatt.min.js"></script>

	<!-- AnythingSlider -->
	<link rel="stylesheet" href="css/anythingslider.css"/>
	<script type="text/javascript" src="js/jquery.anythingslider.js"></script>

	<!-- AnythingSlider video extension; optional, but needed to control video pause/play -->
	<script type="text/javascript" src="js/jquery.anythingslider.video.js"></script>

	<!-- Ideally, add the stylesheet(s) you are going to use here,
	 otherwise they are loaded and appended to the <head> automatically and will over-ride the IE stylesheet below -->
	<link rel="stylesheet" href="css/theme-metallic.css" />
	<link rel="stylesheet" href="css/theme-minimalist-round.css" />
	<link rel="stylesheet" href="css/theme-minimalist-square.css" />
	<link rel="stylesheet" href="css/theme-construction.css" />
	<link rel="stylesheet" href="css/theme-cs-portfolio.css" />

	<script type="text/javascript">
	    // Demo functions
	    // **************
	    $(function () {

	        $(".js").chili();

	        // External Link with callback function
	        $("#slide-jump").click(function () {
	            $('#slider2').anythingSlider(4, function (slider) { /* alert('Now on page ' + slider.currentPage); */ });
	            return false;
	        });

	        // External Link
	        $("a.muppet").click(function () {
	            $('#slider1').anythingSlider(5);
	            $(document).scrollTop(0); // make the page scroll to the top so you can watch the video
	            return false;
	        });

	        // Report Events to console & features list
	        $('#slider1, #slider2').bind('before_initialize initialized swf_completed slideshow_start slideshow_stop slideshow_paused slideshow_unpaused slide_init slide_begin slide_complete', function (e, slider) {
	            // show object ID + event (e.g. "slider1: slide_begin")
	            var txt = slider.$el[0].id + ': ' + e.type + ', now on panel #' + slider.currentPage;
	            $('#status').text(txt);
	            if (window.console && window.console.firebug) { console.debug(txt); } // added window.console.firebug to make this work in Opera
	        });

	        // Theme Selector (This is really for demo purposes only)
	        var themes = ['minimalist-round', 'minimalist-square', 'metallic', 'construction', 'cs-portfolio'];
	        $('#currentTheme').change(function () {
	            var theme = $(this).val();
	            $('#slider1').closest('div.anythingSlider')
					.removeClass($.map(themes, function (t) { return 'anythingSlider-' + t; }).join(' '))
					.addClass('anythingSlider-' + theme);
	            $('#slider1').anythingSlider(); // update slider - needed to fix navigation tabs
	        });

	        // Add a slide
	        var imageNumber = 1;
	        $('button.add').click(function () {
	            $('#slider1')
					.append('<li><img src="demos/images/slide-tele-' + (++imageNumber % 2 + 1) + '.jpg" alt="" /></li>')
					.anythingSlider(); // update the slider
	        });
	        $('button.remove').click(function () {
	            $('#slider1 > li:not(.cloned):last').remove();
	            $('#slider1').anythingSlider(); // update the slider
	        });

	    });

	</script>

	<script>
	    // Set up Sliders
	    // **************
	    $(function () {

	        $('#slider1').anythingSlider({
	            theme: 'metallic',
	            easing: 'easeInOutBack',
	            navigationFormatter: function (index, panel) {
	                return ['Ingresa', 'Amigos', 'Opciones', 'Articulos Gratis', 'Articulos Pagados', 'Confirmar Envio', 'Alerta de Recibido', 'Alerta de Regalo', 'Muestra Regalo', 'Codigo para la Tienda'][index - 1];
	            },
	            onSlideComplete: function (slider) {
	                // alert('Welcome to Slide #' + slider.currentPage);
	            }
	        });

	        $('#slider2').anythingSlider({
	            mode: 'f',   // fade mode - new in v1.8!
	            resizeContents: false, // If true, solitary images/objects in the panel will expand to fit the viewport
	            navigationSize: 3,     // Set this to the maximum number of visible navigation tabs; false to disable
	            navigationFormatter: function (index, panel) { // Format navigation labels with text
	                return ['Recipe', 'Quote', 'Image', 'Quote #2', 'Image #2'][index - 1];
	            },
	            onSlideBegin: function (e, slider) {
	                // keep the current navigation tab in view
	                slider.navWindow(slider.targetPage);
	            }
	        });

	        // tooltips for first demo
	        $.jatt();

	    });
	</script>

    <script type="text/javascript">
        var started;
        function showLightBox() {
            if (started) return;
            started = setTimeout(function () {
                Lightbox.start(document.getElementById('firstImage'));
                started;
            }, 500);
        }
    </script>
    
</head>

<body gcolor="#ffffff" onLoad="javascript:showLightBox()">
<a class="vlightbox1" href="images/proceso/Slider_01.png" title="10" id="firstImage">
   <img src="images/proceso/Slider_01.png" alt="10"/>
</a>
    <script type="text/javascript">
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=398273583562664";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));
    </script>
    <div id="div_main_content">
        <div id="div_content_top">
            <div id="div_top_right">
                
                <fb:like href="http://www.facebook.com/myG2U" send="false" layout="button_count" width="150" show_faces="false"></fb:like>
                <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.facebook.com/myG2U" data-text="Descubre una nueva forma de regalar" data-via="G2Upe" data-lang="es">Twittear</a>
                <script>
                    !function (d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (!d.getElementById(id)) {
                            js = d.createElement(s);
                            js.id = id;
                            js.src = "//platform.twitter.com/widgets.js";
                            fjs.parentNode.insertBefore(js, fjs);
                        }
                    } (document, "script", "twitter-wjs");
                </script>
				
				 
				<fb:facepile href="http://www.facebook.com/myG2U" action="og_recipebox:planning_to_make" width="300" max_rows="4"></fb:facepile>
                <!--<div class="fb-facepile" data-href="ttp://g2u.pe/weblanding/" data-max-rows="4" data-width="300"></div-->
				
            </div>
            <div id="div_top_left">
                <div id="form_contacto">
                    <form action="registrado.php" method="post" id="registrar" name="registrar" >
                        <div id="form-boton">
                            <input type="text" id="txt-email" name="txt-email" class="css-input" />
                            <br />
  		                    <a style="text-decoration:none;" href="javascript:enviarForm();"><img src="images/Enviar.png" alt="Suscribirse" /></a>
                        </div> 
                    </form>
                </div>
            </div>
        </div>
        <div class="div_clear"></div>
        <div id="div_content_bottom">
            <div id="div_bottom_top">

            </div>
            <div class="div_clear"></div>
            <div id="div_bottom_slider">
               <div id="main">
                <div id="page-wrap">
			        <!-- AnythingSlider #1 -->
			        <ul id="slider1">
				        <li><img src="images/proceso/Slider_01.png" alt="" /></li>
                        <li><img src="images/proceso/Slider_02.png" alt="" /></li>
                        <li><img src="images/proceso/Slider_03.png" alt="" /></li>
                        <li><img src="images/proceso/Slider_04.png" alt="" /></li>
                        <li><img src="images/proceso/Slider_05.png" alt="" /></li>
                        <li><img src="images/proceso/Slider_06.png" alt="" /></li>
                        <li><img src="images/proceso/Slider_07.png" alt="" /></li>
                        <li><img src="images/proceso/Slider_08.png" alt="" /></li>
                        <li><img src="images/proceso/Slider_09.png" alt="" /></li>
                        <li><img src="images/proceso/Slider_10.png" alt="" /></li>
				        <!--<li><img src="images/proceso/slide-env-1.jpg" alt="" /></li>
                        <li><img src="images/proceso/slide-civil-2.jpg" alt="" /></li>
                        <li><object width="480" height="385">
                                <param name="movie" value="ttp://www.youtube.com/v/zSgiXGELjbc&amp;hl=en_US&amp;fs=1"></param>
                                <param name="allowFullScreen" value="true"></param>
                                <param name="allowscriptaccess" value="always"></param>
                                <embed src="ttp://www.youtube.com/v/zSgiXGELjbc&amp;hl=en_US&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed>
                            </object>
                        </li>
                        <li class="panel5">
					        <div>
						        <div class="textSlide">
						            <span class="rightside">
                                        <object width="500" height="325">
                                            <param name="movie" value="ttp://www.youtube.com/v/2Qj8PhxSnhg&amp;hl=en_US&amp;fs=1"></param>
                                            <param name="allowFullScreen" value="true"></param>
                                            <param name="allowscriptaccess" value="always"></param>
                                            <embed src="ttp://www.youtube.com/v/2Qj8PhxSnhg&amp;hl=en_US&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="325"></embed>
                                        </object>
                                    </span>
							        <h3>Other Information</h3>
							        <br>
							        <ul>
								        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet accumsan eros, et iaculis massa fringilla auctor.</li>
								        <li>Proin a mi ante, ut lobortis risus. Sed fringilla augue sed enim faucibus eget aliquam tellus ultricies.</li>
								        <li>Morbi a magna eu ligula scelerisque lobortis vel non nisi.</li>
								        <li>Aliquam condimentum libero eget elit ultrices sit amet ullamcorper felis gravida.</li>
							        </ul>
						        </div>
					         </div>
				        </li>
				        <li><img src="images/proceso/slide-env-2.jpg" alt=""></li>-->
			        </ul>  <!-- END AnythingSlider #1 -->
	            </div>
               </div>
            </div>
        </div>
        <div id="div_footer">
            
        </div>
    </div>
	
    <script type="text/javascript">
        function enviarForm() {
		    var email = document.getElementById('txt-email').value;
		    //alert(email);
		    if(email==""){
			    alert("Email vacio");	
		    }else{
			    if(validarEmail(email)){
				    //alert("Registrado Correctamente!.");	
				    document.forms["registrar"].submit();	
			    }else{
				    alert("Email incorrecto");	
			    }	
		    }
        
        }
	
    function validarEmail(valor){
        re=/^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/
        if(!re.exec(valor))    {
            return false;
        }else{
            return true;
        }
    }
	
    </script>


</body>
</html>
